<template>
  <div class="btnshow">
    <input value="按钮" class="inputBtn" @click="openAlert">
      <alert :visible = 'visible' :callback = "callback"  title = '温馨提醒：' message='今天是周三' cancelButtonText = '取消' confirmButtonText = '确认' :showCancelButton = 'true' :btn = 'true'  ></alert>
  </div>
</template>
<script>
import alert from '@/components/Alert';
export default {
  methods:{
    openAlert(){
      this.visible = !this.visible;
    },
    callback(action){
      console.log(action);
      this.visible = !this.visible;
    }
  },
  data(){
    return{
      visible:false
    }
  },
  components:{
     'alert':alert
  }
}
</script>
